<template>
  <div class="headerv">
    <dv-decoration-8 class="d-8" />
    <dv-decoration-11 class="d-11">{{ title }}</dv-decoration-11>
    <dv-decoration-8 :reverse="true" class="d-8" />
  </div>
</template>

<script>
export default {
  name: "Headerv",
  data() {
    return {};
  },
  props: {
    title: String
  }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
.headerv {
  height: 100%;
  display: flex;
  color: #ffffff;
  .d-8 {
    flex: 2;
  }
  .d-11 {
    flex: 1;
  }
}
</style>
